<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<link rel="apple-touch-icon" sizes="76x76" href="../img/apple-icon.png">
	<link rel="icon" type="image/png" href="../img/favicon.png">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>Profile Page - Material Kit PRO by Creative Tim</title>

	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

	<!--     Fonts and icons     -->
	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />

	<!-- CSS Files -->
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <link href="../css/material-kit.css" rel="stylesheet"/>
</head>

<body class="profile-page">
	<nav class="navbar navbar-primary navbar-transparent navbar-fixed-top navbar-color-on-scroll">
    	<div class="container">
        	<!-- Brand and toggle get grouped for better mobile display -->
        	<div class="navbar-header">
        		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-example">
            		<span class="sr-only">Toggle navigation</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
        		</button>
        		<a class="navbar-brand" href="../presentation.html">Material Kit PRO</a>
        	</div>

        	<div class="collapse navbar-collapse" id="navigation-example">
        		<ul class="nav navbar-nav navbar-right">
    				<li>
						<a href="../index.html">
							<i class="material-icons">apps</i> Components
						</a>
					</li>

					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="material-icons">view_day</i> Sections
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu dropdown-with-icons">
							<li>
								<a href="../sections.html#headers">
									<i class="material-icons">dns</i> Headers
								</a>
							</li>
							<li>
								<a href="../sections.html#features">
									<i class="material-icons">build</i> Features
								</a>
							</li>
							<li>
								<a href="../sections.html#blogs">
									<i class="material-icons">list</i> Blogs
								</a>
							</li>
							<li>
								<a href="../sections.html#teams">
									<i class="material-icons">people</i> Teams
								</a>
							</li>
							<li>
								<a href="../sections.html#projects">
									<i class="material-icons">assignment</i> Projects
								</a>
							</li>
							<li>
								<a href="../sections.html#pricing">
									<i class="material-icons">monetization_on</i> Pricing
								</a>
							</li>
							<li>
								<a href="../sections.html#testimonials">
									<i class="material-icons">chat</i> Testimonials
								</a>
							</li>
							<li>
								<a href="../sections.html#contactus">
									<i class="material-icons">call</i> Contacts
								</a>
							</li>

						</ul>
					</li>

					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="material-icons">view_carousel</i> Examples
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu dropdown-with-icons">
							<li>
								<a href="../examples/about-us.html">
									<i class="material-icons">account_balance</i> About Us
								</a>
							</li>
							<li>
								<a href="../examples/blog-post.html">
									<i class="material-icons">art_track</i> Blog Post
								</a>
							</li>
							<li>
								<a href="../examples/blog-posts.html">
									<i class="material-icons">view_quilt</i> Blog Posts
								</a>
							</li>
							<li>
								<a href="../examples/contact-us.html">
									<i class="material-icons">location_on</i> Contact Us
								</a>
							</li>
							<li>
								<a href="../examples/landing-page.html">
									<i class="material-icons">view_day</i> Landing Page
								</a>
							</li>
							<li>
								<a href="../examples/login-page.html">
									<i class="material-icons">fingerprint</i> Login Page
								</a>
							</li>
							<li>
								<a href="../examples/pricing.html">
									<i class="material-icons">attach_money</i> Pricing Page
								</a>
							</li>
							<li>
								<a href="../examples/product-page.html">
									<i class="material-icons">beach_access</i> Product Page
								</a>
							</li>
							<li>
								<a href="../examples/profile-page.html">
									<i class="material-icons">account_circle</i> Profile Page
								</a>
							</li>
							<li>
								<a href="../examples/signup-page.html">
									<i class="material-icons">person_add</i> Signup Page
								</a>
							</li>
						</ul>
					</li>

					<li>
						<a href="http://www.creative-tim.com/buy/material-kit-pro?ref=presentation" target="_blank" class="btn btn-white btn-simple">
							<i class="material-icons">shopping_cart</i> Buy Now
						</a>
					</li>
        		</ul>
        	</div>
    	</div>
    </nav>


	<div class="page-header header-filter" data-parallax="active" style="background-image: url('../img/examples/city.jpg');"></div>

	<div class="main main-raised">
		<div class="profile-content">
            <div class="container">

                <div class="row">
	                <div class="col-xs-6 col-xs-offset-3">
        	           <div class="profile">
	                        <div class="avatar">
	                            <img src="../img/faces/christian.jpg" alt="Circle Image" class="img-circle img-responsive img-raised">
	                        </div>
	                        <div class="name">
	                            <h3 class="title">Christian Louboutin</h3>
								<h6>Designer</h6>
								<a href="#pablo" class="btn btn-just-icon btn-simple btn-dribbble"><i class="fa fa-dribbble"></i></a>
                                <a href="#pablo" class="btn btn-just-icon btn-simple btn-twitter"><i class="fa fa-twitter"></i></a>
                                <a href="#pablo" class="btn btn-just-icon btn-simple btn-pinterest"><i class="fa fa-pinterest"></i></a>
	                        </div>
	                    </div>
    	            </div>
                    <div class="col-xs-2 follow">
	                   <button class="btn btn-fab btn-primary" rel="tooltip" title="Follow this user">
                            <i class="material-icons">add</i>
                        </button>
	                </div>
                </div>


                <div class="description text-center">
                    <p>An artist of considerable range, Chet Faker — the name taken by Melbourne-raised, Brooklyn-based Nick Murphy — writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure. </p>
                </div>

				<div class="row">
					<div class="col-md-6 col-md-offset-3">
						<div class="profile-tabs">
		                    <div class="nav-align-center">
								<ul class="nav nav-pills nav-pills-icons" role="tablist">
									<li class="active">
			                            <a href="#work" role="tab" data-toggle="tab">
											<i class="material-icons">palette</i>
											Work
			                            </a>
			                        </li>
                                    <li>
										<a href="#connections" role="tab" data-toggle="tab">
											<i class="material-icons">people</i>
											Connections
										</a>
									</li>
			                        <li>
			                            <a href="#media" role="tab" data-toggle="tab">
											<i class="material-icons">camera</i>
			                                Media
			                            </a>
			                        </li>
			                    </ul>


							</div>
						</div>
						<!-- End Profile Tabs -->
					</div>
                </div>
                <div class="tab-content">
			        <div class="tab-pane active work" id="work">
				        <div class="row">
	                        <div class="col-md-7 col-md-offset-1">
		                        <h4 class="title">Latest Collections</h4>
		                        <div class="row collections">
			                        <div class="col-md-6">
			                            <div class="card card-background" style="background-image: url('../img/examples/chris4.jpg')">
                    						<a href="#pablo"></a>
                    						<div class="content">
                    							<label class="label label-primary">Spring 2016</label>
                    							<a href="#pablo">
                    								<h2 class="card-title">Stilleto</h2>
                    							</a>
                    						</div>
                    					</div>
			                        </div>
                                    <div class="col-md-6">
			                            <div class="card card-background" style="background-image: url('../img/examples/chris6.jpg')">
                    						<a href="#pablo"></a>
                    						<div class="content">
                    							<label class="label label-primary">Spring 2016</label>
                    							<a href="#pablo">
                    								<h2 class="card-title">High Heels</h2>
                    							</a>
                    						</div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
			                            <div class="card card-background" style="background-image: url('../img/examples/chris5.jpg')">
                    						<a href="#pablo"></a>
                    						<div class="content">
                    							<label class="label label-primary">Summer 2016</label>
                    							<a href="#pablo">
                    								<h2 class="card-title">Flats</h2>
                    							</a>
                    						</div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
			                            <div class="card card-background" style="background-image: url('../img/examples/chris1.jpg')">
                    						<a href="#pablo"></a>
                    						<div class="content">
                    							<label class="label label-primary">Winter 2015</label>
                    							<a href="#pablo">
                    								<h2 class="card-title">Men's Sneakers</h2>
                    							</a>
                    						</div>
                                        </div>
                                    </div>
                                </div>
		                    </div>
		                    <div class="col-md-2 col-md-offset-1 stats">
			                    <h4 class="title">Stats</h4>
			                    <ul class="list-unstyled">
				                    <li><b>60</b> Products</li>
				                    <li><b>4</b> Collections</li>
				                    <li><b>331</b> Influencers</li>
				                    <li><b>1.2K</b> Likes</li>
				                </ul>
				                <hr />
				                <h4 class="title">About his Work</h4>
				                <p class="description">French luxury footwear and fashion. The footwear has incorporated shiny, red-lacquered soles that have become his signature.</p>
				                <hr />
				                <h4 class="title">Focus</h4>
				                <span class="label label-primary">Footwear</span>
				                <span class="label label-rose">Luxury</span>
			                </div>
	                    </div>
			        </div>
                    <div class="tab-pane connections" id="connections">
                        <div class="row">
            				<div class="col-md-5 col-md-offset-1">
            					<div class="card card-profile card-plain">
            						<div class="col-md-5">
            							<div class="card-image">
            								<a href="#pablo">
            									<img class="img" src="../img/faces/avatar.jpg" />
            								</a>
            							</div>
            						</div>
            						<div class="col-md-7">
            							<div class="content">
            								<h4 class="card-title">Gigi Hadid</h4>
            								<h6 class="category text-muted">Model</h6>

            								<p class="card-description">
            									Don't be scared of the truth because we need to restart the human foundation in truth...
            								</p>
            							</div>
            						</div>
            					</div>
            				</div>

            				<div class="col-md-5">
            					<div class="card card-profile card-plain">
            						<div class="col-md-5">
            							<div class="card-image">
            								<a href="#pablo">
            									<img class="img" src="../img/faces/marc.jpg" />
            								</a>
            							</div>
            						</div>
            						<div class="col-md-7">
            							<div class="content">
            								<h4 class="card-title">Marc Jacobs</h4>
            								<h6 class="category text-muted">Designer</h6>

            								<p class="card-description">
            									Don't be scared of the truth because we need to restart the human foundation in truth...
            								</p>
            							</div>
            						</div>
            					</div>
            				</div>
                        </div>
                        <div class="row">
            				<div class="col-md-5 col-md-offset-1">
            					<div class="card card-profile card-plain">
            						<div class="col-md-5">
            							<div class="card-image">
            								<a href="#pablo">
            									<img class="img" src="../img/faces/kendall.jpg" />
            								</a>
            							</div>
            						</div>
            						<div class="col-md-7">
            							<div class="content">
            								<h4 class="card-title">Kendall Jenner</h4>
            								<h6 class="category text-muted">Model</h6>

            								<p class="card-description">
            									I love you like Kanye loves Kanye. Don't be scared of the truth.
            								</p>
            							</div>
            						</div>
            					</div>
            				</div>

            				<div class="col-md-5">
            					<div class="card card-profile card-plain">
            						<div class="col-md-5">
            							<div class="card-image">
            								<a href="#pablo">
            									<img class="img" src="../img/faces/card-profile2-square.jpg" />
            								</a>
            							</div>
            						</div>
            						<div class="col-md-7">
            							<div class="content">
            								<h4 class="card-title">George West</h4>
            								<h6 class="category text-muted">Model/DJ</h6>

            								<p class="card-description">
            									I love you like Kanye loves Kanye.
            								</p>
            							</div>
            						</div>
            					</div>
            				</div>

            			</div>
                    </div>
                    <div class="tab-pane text-center gallery" id="media">
						<div class="row">
							<div class="col-md-3 col-md-offset-3">
								<img src="../img/examples/chris4.jpg" class="img-rounded" />
								<img src="../img/examples/chris6.jpg" class="img-rounded" />
							</div>
							<div class="col-md-3">
								<img src="../img/examples/chris7.jpg" class="img-rounded" />
								<img src="../img/examples/chris5.jpg" class="img-rounded" />
								<img src="../img/examples/chris9.jpg" class="img-rounded" />
							</div>
						</div>
                    </div>
			    </div>
            </div>
        </div>
	</div>


    <footer class="footer">
        <div class="container">
            <nav class="pull-left">
				<ul>
					<li>
						<a href="http://www.creative-tim.com">
							Creative Tim
						</a>
					</li>
					<li>
						<a href="http://presentation.creative-tim.com">
						   About Us
						</a>
					</li>
					<li>
						<a href="http://blog.creative-tim.com">
						   Blog
						</a>
					</li>
					<li>
						<a href="http://www.creative-tim.com/license">
							Licenses
						</a>
					</li>
				</ul>
            </nav>
            <div class="copyright pull-right">
                &copy; <script>document.write(new Date().getFullYear())</script>, made with <i class="fa fa-heart heart"></i> by Creative Tim
            </div>
        </div>
    </footer>


</body>
	<!--   Core JS Files   -->
	<script src="../js/jquery.min.js" type="text/javascript"></script>
	<script src="../js/bootstrap.min.js" type="text/javascript"></script>
	<script src="../js/material.min.js"></script>

	<!--	Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
	<script src="../js/nouislider.min.js" type="text/javascript"></script>

	<!--	Plugin for the Datepicker, full documentation here: http://www.eyecon.ro/bootstrap-datepicker/ -->
	<script src="../js/bootstrap-datepicker.js" type="text/javascript"></script>

	<!--	Plugin for Select Form control, full documentation here: https://github.com/FezVrasta/dropdown.js -->
	<script src="../js/jquery.dropdown.js" type="text/javascript"></script>

	<!--	Plugin for Tags, full documentation here: http://xoxco.com/projects/code/tagsinput/  -->
	<script src="../js/jquery.tagsinput.js"></script>

	<!--	Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
	<script src="../js/jasny-bootstrap.min.js"></script>

	<!-- Plugin For Google Maps -->
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>

	<!-- Control Center for Material Kit: activating the ripples, parallax effects, scripts from the example pages etc -->
	<script src="../js/material-kit.js" type="text/javascript"></script>


</html>
